// 内容区背景及左上角标题公共样式


.contentBack {
    width: 97%;
    height: 87%;
    background-image: url('../../assets/images/listBack.png');
    background-size: 100% 99%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;

    &>.topTitle {
        position: absolute;
        color: white;
        font-size: 18px;
        left: 12.2%;
        top: 2.7%;
        font-weight: 500;
    }

    &>.top {
        position: absolute;
        color: white;
        font-size: 18px;
        left: 9.2%;
        top: 2.7%;
        font-weight: 500;
    }

    // 执法监管
    &>.timeBox {
        width: 100%;
        height: 100vh;
        margin-top: 3%;
        display: flex;
        flex-direction: column;
        position: relative;

        &>.butAdd {
            :global {
                .ant-btn-primary {
                    width: 5%;
                    height: 45px;
                    background: -webkit-repeating-linear-gradient(45deg, #32569D, #0E2146);
                    border: 2px solid #1890FF;
                    margin-left: 30px;

                }
            }
        }

        &>.timeLine {
            width: 98%;
            height: 68vh;
            overflow: hidden;
            overflow-y: scroll;
            display: flex;
            justify-content: flex-start;
            margin-top: 30px;

            :global {
                .ant-timeline {
                    color: white;
                    font-size: 60px;
                    margin-left: 2%;

                    .ant-timeline-item {
                        font-size: 20px;

                        .ant-timeline-item-content {
                            width: 100%;
                            cursor: pointer;
                        }

                        .ant-timeline-item-head {
                            width: 20px;
                            height: 20px;
                        }

                        .ant-timeline-item-tail {
                            background: white;
                            margin-left: 1.3%;
                        }
                    }
                }
            }
        }

        // 经营示范店
        &>.showPicture {
            &>ul {
                width: 94%;
                height: 70vh;
                display: flex;
                flex-wrap: wrap;
                overflow: hidden;
                margin: 0 auto;
                margin-top: 20px;
                overflow-y: auto;

                &>li {
                    .imgBox {
                        width: 357px;
                        height: 200px;
                        background: #2B4476;
                        margin-right: 60px;
                        background-image: url('../../assets/images/nongzuo.png');
                        background-size: 100%;
                        background-repeat: no-repeat;
                        cursor: pointer;
                    }

                    .titlePicture {
                        width: 378px;
                        height: 70px;
                        display: flex;
                        justify-content: space-around;
                        color: white;
                        background-image: url('../../assets/images/timeLine.png');
                        background-size: 92%;
                        background-position-y: 38%;
                        background-repeat: no-repeat;
                        line-height: 31px;
                    }
                }
            }


        }





        &>.popBox {
            width: 100%;
            background: linear-gradient(to bottom, #061025, #2E64CB, #061025);
            height: 87vh;
            position: absolute;
            top: -6vh;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 99;

            // background-position-x: center;
            // transition: all 10s;
            &>.inputK {
                :global {
                    .ant-input {
                        width: 71.4vw;
                        /* border: 0; */
                        border-radius: 0;
                        height: 7vh;
                    }

                    .ant-input::placeholder {
                        font-size: 22px;
                    }
                }
            }

            &>.but {
                position: fixed;
                bottom: 6%;
                left: 46%;


            }

            &>.butAdd {
                position: fixed;
                bottom: 6%;
                right: 46%;

            }

        }

        &>.showBox {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        &>.noShowBox {
            display: none;
        }
    }

    // 全县经营主体销售列表
    &>.contentList {
        width: 95%;
        height: 77vh;
        margin-top: 2%;

        &>.topStatus {
            display: flex;
            width: 100%;
            display: flex;
            justify-content: space-between;
            // background-color: red;

            &>.leftList {
                width: 30%;

                :global {
                    .ant-dropdown-trigger {
                        color: #DCE0E8;
                        margin-right: 20px;
                        cursor: pointer;
                    }
                }

            }

            &>.rightList {
                width: 20%;
                // background-color: #00FFA3;

                &>.searchBtn {
                    display: flex;
                }
            }
        }

        &>.listBox {
            width: 100%;
            height: 75%;
            display: flex;
            flex-direction: column;

            table {
                text-align: left;
                text-indent: 1em;
                border-collapse: collapse;
                color: #dce0e8;
                line-height: 40px;
                font-size: 12px;
                margin-top: 1%;

                th {
                    background-color: #1D3A70;
                    border: 1px solid #1b3467;
                }

                tr {
                    border-bottom: 2px solid #1D3A70;

                    td {
                        width: auto;
                    }

                    &>.show {
                        color: #00FFA3;
                    }

                    &>.noShow {
                        color: #FF0000;
                    }
                }

                &>.noShowData {
                    display: none;
                }



                &>.emptyData {

                    border-bottom: none;

                }

                :global {
                    .ant-empty-description {
                        color: #C7CAD4;
                    }
                }
            }
        }

        &>.pagActive {
            width: 93%;
            display: flex;
            justify-content: flex-end;

            :global {
                .ant-pagination {
                    color: white;

                    .ant-pagination-item {
                        a {
                            color: rgb(55, 140, 252);
                        }
                    }

                    .ant-pagination-item-ellipsis {
                        color: rgb(55, 140, 252);
                    }

                    .ant-pagination-prev {
                        a {
                            color: rgb(55, 140, 252);
                        }
                    }

                    .ant-pagination-next {
                        a {
                            color: rgb(55, 140, 252);
                        }
                    }
                }
            }
        }
    }

    &>.pagActive {
        width: 93%;
        display: flex;
        justify-content: flex-end;

        :global {
            .ant-pagination {
                color: white;

                .ant-pagination-item {
                    a {
                        color: rgb(55, 140, 252);
                    }
                }

                .ant-pagination-item-ellipsis {
                    color: rgb(55, 140, 252);
                }

                .ant-pagination-prev {
                    a {
                        color: rgb(55, 140, 252);
                    }

                }

                .ant-pagination-next {
                    a {
                        color: rgb(55, 140, 252);
                    }

                }
            }
        }
    }

    :global {
        .ant-input {
            border: 1px solid #3269D7;
            border-radius: 0;
            background-color: #071526;
            color: #9CA1A8;
            line-height: 26px;
            margin-right: 5px;
        }

        .ant-input::placeholder {
            color: #9CA1A8;
        }

        .ant-btn-primary {
            background-image: linear-gradient(to right, #32559C, #0E2247);
            border-radius: 0;
            height: 35px;
            box-shadow: none;
            border: 1px solid #1890FF;
        }
    }


}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    background-color: #1A305A;
    // width: 10px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px 6px rgba(50, 92, 151, 0.178);
    border-radius: 10px;
    background-color: #0F2046;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px 6px rgba(1, 11, 20, 0.3);
    background-color: #3d5591;
}